/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const Iconxin: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1170 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M1066.676944 101.025891A351.539301 351.539301 0 0 0 584.680751 90.428552a351.539301 351.539301 0 0 0-481.996194 10.597339 344.230792 344.230792 0 0 0 0 490.035554l403.795143 400.140888a109.627641 109.627641 0 0 0 156.402101 0l403.795143-399.775463a344.230792 344.230792 0 0 0 0-490.400979z m-52.255842 438.510563L610.625959 939.677342a36.542547 36.542547 0 0 1-51.890417 0L154.574973 539.536454a271.876549 271.876549 0 0 1 0-386.985572A277.357931 277.357931 0 0 1 534.982887 146.338649L584.680751 189.093429 634.013189 146.338649a277.357931 277.357931 0 0 1 380.407913 8.03936 271.876549 271.876549 0 0 1 0 385.158445z"
        fill={getIconColor(color, 0, '#a0a0a0')}
      />
      <path
        d="M338.018559 182.881196A155.305824 155.305824 0 0 0 182.712735 338.18702a18.271273 18.271273 0 0 0 36.542546 0A118.763277 118.763277 0 0 1 338.018559 219.423743a18.271273 18.271273 0 0 0 0-36.542547z"
        fill={getIconColor(color, 1, '#a0a0a0')}
      />
    </svg>
  );
};

Iconxin.defaultProps = {
  size: 18,
};

export default Iconxin;
